<template>
    <view>
        <view class="u-rela">
            <text class="icon icon-sort-asc up" :class="{ yellow: status == 1 && active }"></text>
            <text class="icon icon-sort-desc down" :class="{ yellow: status == 2 && active }"></text>
        </view>
    </view>
</template>

<script lang="ts" setup>
interface T {
    status: string | number
    active: boolean
}
withDefaults(
    defineProps<T>(),
    {
        status: 0,
        active: false
    }
)
</script>

<style scoped lang="scss">
.down {
    position: absolute;
    left: 0;
}
.yellow {
    color: $cf-primary;
}
</style>
